<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <body>
    <script>
      // Number() 转换成数字
      // parseInt 和parseFloat 两个方法 可以分别将字符串 转为 整数,小数
      // parseInt 主要 用于 解决Number()方法的一个缺陷
      Number("30px");
      // NaN  js 服务网页的 (比如通过js 获取 标签的宽度属性,获取到的是 '120px',可能需要的是这个数字 120)
      // 要把 '120px' 转换成 '120' 的需求 ,Number()实现不了该需求,但是 parseInt 可以

      // parseInt() 专门用于将字符串转换成数字
      console.log(parseInt("120px")); // 120
      // 具体规则 参考文档

      // 两个参数时 表示进制转换(了解)
      // 10 ,16 代表 用何种进制 来看待这个字符串
      console.log(parseInt("12")); // 12
      console.log(parseInt("12", 10)); // 12
      // 以16进制开袋字符串'12',转成10进制的数字  1*16 +2=18
      console.log(parseInt("12", 16)); // 18
    </script>
  </body>
</html>
